<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title></title>
    <link rel="stylesheet" href="../lib/weui.css">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/chooseReceiver.css">
    <link rel="stylesheet" href="../css/chooseSecondRec.css">
</head>
<script type="text/javascript">
    (function() {
        var newRem = function() {
            var html = document.documentElement;
            html.style.fontSize = html.getBoundingClientRect().width / 10 + 'px';
            console.log(html.style.fontSize);
        };
        window.addEventListener('resize', newRem, false);
        newRem();
    })();
</script>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/weui.min.js"></script>
<script src="../js/global.js"></script>
<script src="../js/chooseSecondRec.js"></script>
<body ontouchstart>
<!--搜索框-->
<div class="weui-search-bar" id="searchBar">
    <form class="weui-search-bar__form">
        <div class="weui-search-bar__box">
            <i class="weui-icon-search"></i>
            <input type="search" class="weui-search-bar__input" placeholder="搜索" required="">
            <a href="javascript:" class="weui-icon-clear"></a>
        </div>
        <label class="weui-search-bar__label">
            <i class="weui-icon-search"></i>
            <span>搜索</span>
        </label>
    </form>
    <a href="javascript:" class="weui-search-bar__cancel-btn">取消</a>
</div>
<div class="weui-cells weui-cells_checkbox content-box">
    <label class="weui-cell weui-check__label choose-item">
        <div class="weui-cell__hd">
            <input type="checkbox" id="selectAllBtn"  class="weui-check" onchange="selectAll(this)">
            <i class="weui-icon-checked"></i>
        </div>
        <div class="weui-cell__bd">
            <p>全选</p>
        </div>
    </label>
    <div class="mid-block"></div>
    <div class="choose-item">
        <label class="weui-cell weui-check__label list-item">
            <div class="weui-cell__hd">
                <input type="checkbox" name="checkbox" class="weui-check">
                <i class="weui-icon-checked"></i>
            </div>
            <img class="hea-img" src="../images/add-task.png" alt="" style="border-color: white">
            <div class="weui-cell__bd human-intro">
                <p>王大锤</p>
                <p>嘿嘿嘿</p>
            </div>
        </label>
    </div>
    <div class="choose-item">
        <label class="weui-cell weui-check__label">
            <div class="weui-cell__hd">
                <input type="checkbox" name="checkbox" class="weui-check">
                <i class="weui-icon-checked"></i>
            </div>
            <img class="hea-img" src="../images/add-task.png" alt="" style="border-color: white">
            <div class="weui-cell__bd human-intro">
                    <p>王大锤</p>
                    <p>嘿嘿嘿</p>
            </div>
            <span></span>
        </label>
    </div>

    <div class="weui-flex fixed-bottom">
        <div class="selected-human weui-flex__item">已选择：<span id="chooseAllNum">0</span>人</div>
        <div class="weui-flex__item"><a href="javascript:;" class="weui-btn  selected">查看已选</a></div>
        <div class="weui-flex__item" id="submit"><a href="javascript:;" class="weui-btn  confirm">确定</a></div>
    </div>
</div>
</body>
<script>
    weui.searchBar('#searchBar');
</script>
</html>